<template>
      <div>
          <hot-banner></hot-banner>
          <hot-spot></hot-spot>
          <hot-header></hot-header>
          <div class="banner">
              <top-spot></top-spot>
          </div>
      </div>
</template>

<script>
  import HotBanner from '@/pages/hot/components/banner'
  import HotHeader from '@/pages/hot/components/Header'
  import HotSpot from '@/pages/hot/components/spot'
  import TopSpot from '@/pages/hot/components/Topspot'
    export default {
        name: "Cityhot",
        components:{
          HotBanner,
          HotSpot,
          HotHeader,
          TopSpot
        }
    }
</script>

<style scoped lang="stylus">
  .banner{
     height :10rem;
  }
</style>
